<template>
<div style="background: #f3f5f9;">
  <div class="header"><router-link to="/sfj"><img src="@/assets/images/fh.png" alt="">法律服务工作者</router-link>
  </div>
  <div class="ser">
    <div class="search">
      <input type="text" placeholder="请输入关键字..." name="search">
      <button type="submit"><img src="@/assets/images/ser.png" alt=""></button>
    </div>
  </div>
  <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<!--    <ul class="layui-tab-title">-->
<!--      <li class="layui-this">律师</li>-->
<!--      <li>法律工作者</li>-->
<!--    </ul>-->
    <van-tabs v-model="active" swipeable>
      <van-tab color="#357892" title="律师">
        <div class="layui-tab-item layui-show">
          <ul class="list01 list02">
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img03.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">陈刚<span><i>|</i>律师</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>

            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img03.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">陈刚<span><i>|</i>律师</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img03.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">陈刚<span><i>|</i>律师</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img03.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">陈刚<span><i>|</i>律师</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img03.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">陈刚<span><i>|</i>律师</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
          </ul>
        </div>
      </van-tab>
      <van-tab color="#357892" title="法律工作者">
        <div class="layui-tab-item">
          <ul class="list01 list02">
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img04.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">胡金铭<span><i>|</i>法律工作者</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img04.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">胡金铭<span><i>|</i>法律工作者</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img04.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">胡金铭<span><i>|</i>法律工作者</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img04.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">胡金铭<span><i>|</i>法律工作者</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
            <li>
              <!--              <a href="detail02.html">-->
              <router-link to="/sfj/workerInfo">
                <div class="img_2" alt=""><img src="@/assets/images/img04.jpg" alt=""></div>
                <div class="lss">
                  <p class="p2">胡金铭<span><i>|</i>法律工作者</span><img src="@/assets/images/hor.png" alt=""></p>
                  <p>盐城建湖东方律师事务所</p>
                  <p>执业证号：<span>1289947368397</span></p>
                  <p>擅长领域：<span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></p>
                </div>
                <!--              </a>-->
              </router-link>
            </li>
          </ul>
        </div>
      </van-tab>
    </van-tabs>
  </div>
</div>
</template>

<script>
import Vue from 'vue';
import { Tab, Tabs } from 'vant';
import 'vant/lib/tab/style';
import 'vant/lib/tabs/style';

Vue.use(Tab);
Vue.use(Tabs);

export default {
  name: "workerlist"
};
</script>

<style scoped>
@import "../../assets/css/base.css";
@import "../../assets/css/other.css";
@import "../../assets/css/resetui.css";

</style>
